<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>开始翻牌子了</title>
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }

        #main {
            margin: 100px;
            background: #abcdef;
            width: 520px;
            padding: 50px;
            border-radius: 20px 20px 20px 20px;
            box-shadow: 0 2px 12px #666666;
        }

        #box {
            background: #ff5511;
            margin: 50px;
            padding: 20px;
            font-size: 55px;
            font-weight: bold;
            border-radius: 15px 15px 15px 15px;
            box-shadow: 0 2px 12px #666666;
        }

        #bt {
            width: 100px;
            font-size: 20px;
            font-weight: bold;
            background-color: green;
            border-radius: 8px 8px 8px 8px;
            box-shadow: 0 2px 12px #666666;
            cursor: pointer;
            padding: 5px;
        }
    </style>
    <script>
        var namelist = ['周宇翔',
            '顾亚林', '赵娜娜', '申亚倩', '邢志策', '刘新涛', '燕晓春', '万李伟', '王晨',
            '任凯鹏', '宋梦丹',
            '张达', '张清梅', '胡嘉莉', '高洁', '王耀睿', '韩佳鑫', '郝龙杰', '张鑫鹏',
            '马文杰', '李港', '胡磊',
            '吴协正', '张诗奇', '武文姬', '王晶晶', '车杰', '田仕钊', '储锐', '张富豪',
            '孙志超', '韩华园',
            '韩展宇', '刘亚静', '高雅倩', '李欣悦', '张旺', '李艳杰', '张业', '王延俊',

            '乔瑞瑞', '付飞阳', '于华力', '董碘', '张基权', '孟臣', '夏中宇', '王亚松',
            '陈照', '甄凯', '程青昭',
            '王奥', '曹宁', '李迎新', '任佳欣', '王亚楠', '李斌虎', '郭胜楠', '郝马磊',
            '郑鑫昊', '丁杰', '张艺川', '陈晨',
            '杨晨涛', '赵玮', '申东冬', '梁敏', '李正昊', '蒋仁杰', '付玺山',

            '石本洁', '刘秀林', '黄文超', '郝欣欣', '李潇成', '张恒瑞', '李杨峰', '高胜国',
            '石为民', '林嵩棊', '黄裴欣',
            '边新茹', '贡朋欣', '王梦尧', '马跃哲', '张佳胜', '李岩', '董康', '赵子阳',
            '王阔',
            '焦琪', '王艺洋', '张旭敏', '管国斌', '刘子贤', '王新田', '刘英毫', '陈雪琴'
        ];

        var mytime = null;

        function doit() {
            var bt = window.document.getElementById("bt");
            if (mytime == null) {
                bt.innerHTML = "停 止";
                bt.style.backgroundColor = "red";
                show();
            } else {
                bt.innerHTML = "开 始";
                bt.style.backgroundColor = "green";
                clearTimeout(mytime);
                mytime = null;
            }
        }

        function show() {
            var box = window.document.getElementById("box");

            var num = Math.floor((Math.random() * 100000000)) % namelist.length;
            box.innerHTML = namelist[num];
            mytime = setTimeout("show()", 2);
        }            
    </script>
</head>

<body>
    <center>
        <div id="main">
            <div id="box">翔哥翻牌子了</div>
            <button id="bt" onclick="doit()">开 始</button>
        </div>
    </center>
</body>

</html>